<#assign ctx = request.contextPath />
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>欠费了</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,button {
	padding:0;
	margin:0;
	font-family:"微软雅黑", "宋体", "新宋体";
}
body {
	background:#f9fafc;
	}
#header {
	width:100%;
	height:100px;
	color:#454545;
	line-height:100px;
	background:#fff;
	text-align:center;
	border-bottom:1px solid #e5e6e8;
	}
#header h1 {
	font-size:38px;
	font-weight:normal;
	}
#conten {
	width:1000px;
	margin:45px auto;
	}
.c_l {
	float:left;
	width:290px;
	margin-top:35px;
	text-align:center;
	}
.c_l p {
	color:#f14757;
	font-size:33px;
	font-family:"方正兰亭粗黑简体";
	}
.c_r {
	float:right;
	width:610px;
	margin-left:80px;
	}
.cr_list {
	float:left;
	width:610px;
	margin-bottom:10px;
	}
.cr_list span {
	width:110px;
	float:left;
	line-height:45px;
	color:#454545;
	font-size:18px;
	text-align:right;
	margin-right:5px;
	}
.cr_list input {
	width:220px;
	height:45px;
	color:#f14757;
	font-size:35px;
	text-indent:5px;
	background:#f8f8f8;
	border:1px solid #dedede;
	}
.cr_l_state {
	font-size:18px;
	color:#f14757;
	line-height:45px;
	}
.payment {
	float:left;
	}
.payment a {
	width:220px;
	height:48px;
	display:block;
	background:url(${ctx}/assets/img/payment.jpg) no-repeat;
	}
.payment a:hover {
	background:url(${ctx}/assets/img/payment_hover.jpg) no-repeat;
	}
.cr_line {
	width:610px;
	float:left;
	margin-top:20px;
	padding-bottom:15px;
	border-top:1px solid #e0e1e2;
	}
.cr_info {
	float:left;
	width:550px;
	margin-left:40px;
	margin-top:10px;
	}
.cr_info dl {
	float:left;
	margin-bottom:15px;
	}
.cr_info dt {
	float:left;
	width:182px;
	}
.cr_info dd {
	float:left;
	width:280px;
	color:#454545;
	font-size:14px;
	line-height:22px;
	}
.cr_prompt {
	color:#f14757;
	font-size:20px;
	margin:25px 0 40px 50px;
	}
</style>
<body>
<div id="header">
	<h1>公司名称：${Func.getMainCompanyJc()?if_exists}</h1>
</div>
<div id="conten">
	<div class="c_l">
    	<img src="${ctx}/assets/img/c_l_tp.png">
        <p>${result.puaseTime?if_exists}到期</p> 
    </div>
    <div class="c_r">
    	<div class="cr_list">
        	<span>需缴费金额：</span>
            <input type="text" disabled="disabled" value="${result.fee?if_exists}">
        </div>
    	<div class="cr_list">
        	<span style="color:#f14757;">费用说明： </span>
            <div class="cr_l_state">${result.memo?if_exists}</div>
        </div> 
    	<div class="cr_list">
        	<span>在线支付：</span>
            <div class="payment"><a target="_blank" href="${ctx}/debtsPay"></a></div>
        </div>
        <div class="cr_line"></div>
        <div class="cr_list">
        	<span>银行转账：</span>
            <div class="cr_info">
            	<dl>
                	<dt><img src="${ctx}/assets/img/yh_tp1.png"></dt>
                    <dd>
                    	<p>户名：马青松</p>
                        <p>账号：6222803813471015569</p>
                    </dd>
                </dl>
            	<dl>
                	<dt><img src="${ctx}/assets/img/yh_tp2.png"></dt>
                    <dd>
                    	<p>户名：马青松</p>
                        <p>账号：6222600530010604621</p>
                    </dd>
                </dl>
            	<dl>
                	<dt><img src="${ctx}/assets/img/yh_tp3.png"></dt>
                    <dd>
                    	<p>户名：马青松</p>
                        <p>账号：6222024402042448690</p>
                    </dd>
                </dl>
            	<dl>
                	<dt><img src="${ctx}/assets/img/yh_tp4.jpg"></dt>
                    <dd>
                    	<p>户名：成都易米网络科技有限公司</p>
                        <p>账号：121218642562</p>
                        <p>开户行：中国银行股份有限公司成都武侯分行</p>
                    </dd>
                </dl>                                 
            </div>
        </div> 
        <div class="cr_prompt" >提示：把转账凭证截图或拍照发给销售人员。</div>              
    </div>
</div>
</body>
</html>
